<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>郑泽楷&方葳婚礼邀请</title>
        <link rel="stylesheet" type="text/css" href="css/entrance.css">
        <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
        <script src="./js/jquery.SuperSlide.2.1.1.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=f7GpjqXB2NkRGlzqIqywWTbo"></script>
        <script type="text/javascript">
            // 适配所有移动端，1rem=100px
            !function (d) {
                var c = d.document;
                var a = c.documentElement;
                var b = d.devicePixelRatio;
                var f;
                function e() {
                    var h = a.getBoundingClientRect().width, g;
                    if (b === 1) {
                        h = 750
                    }
                    if (h > 750)
                        h = 750;//设置基准值的极限值
                    g = h / 7.5;
                    a.style.fontSize = g + "px"
                }
                if (b > 2) {
                    b = 3
                } else {
                    if (b > 1) {
                        b = 2
                    } else {
                        b = 1
                    }
                }
                a.setAttribute("data-dpr", b);
                d.addEventListener("resize", function () {
                    clearTimeout(f);
                    f = setTimeout(e, 200)
                }, false);
                e()
            }(window);
        </script>
    </head>
    <body>
        <!--阴影背景-->
        <div class="mask"></div>
        <!-- 提示弹出框 -->
        <div class="promptBox">
            <p class="firstary"></p>
            <p class="secondary"></p>
            <div class="iKnow">知道了</div>
        </div>
        <div class="contents">
            <header>
                <img src="./images/h1.jpg" alt="" />
            </header>
            <div class="content">
                <div class="lunbo">
                    <div id="slideBox" class="slideBox">
                        <div class="bd">
                            <ul>
                                <li><img src="./images/1.jpg" alt="" /></li>
                                <li><img src="./images/2.jpg" alt="" /></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    jQuery(".slideBox").slide({mainCell: ".bd ul", autoPlay: true,delayTime:1000});
                </script>
            </div>
            <div class="info">
                <div id="panel"></div>
                <div class="map" id="container">
                </div>
                <div class="mapNav">
                    <img src="./images/mapNav.png" alt="" />
                </div>
                <div class="forms">
                    <input class="name" type="text" placeholder="输入姓名"/>
                    <div class="yesGO">
                        <img class="yes1" src="./images/yes1.png" alt="" />
                        <img class="yes2" src="./images/yes2.png" alt="" />
                    </div>
                    <div class="noGO">
                        <img class="no1" src="./images/no1.png" alt="" />
                        <img class="no2" src="./images/no2.png" alt="" />
                    </div>
                    <div class="btns">
                        <img class="reduce" src="./images/reduce.png" alt="" />
                        <span class="changes">1</span>
                        <img class="plus" src="./images/plus.png" alt="" />
                    </div>
                    <div class="bless">
                        <textarea class="blessing">千言万语都在这句祝福里，新婚快乐。</textarea>
                    </div>
                </div>
                <div class="buttons">
                    <img src="./images/btns.png" alt="" />
                </div>
            </div>
        </div>
        <script src="./js/entrance.js"></script>
        <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script src="./js/share.js"></script>
        <script src="./js/map.js"></script>
    </body>
</html>
